﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title></title>
    <link href="../css/Login.css" rel="stylesheet" />
    <link rel="shortcut icon" href="/Content/app/img/Logo.png">
</head>
<body>
    <div class="Body" id="app">
        <div style="margin:0 auto; width:860px;height:100%;" @keyup.enter="LOGIN_CLICK">
            <div class="Body-Content">
                <div style="position:relative;text-align:center;height:50px; width:860px;position:relative;color:white;font-size:57px;font-family:'Microsoft YaHei';font-weight:bold;top:60px;">
                    四川川港燃气有限责任公司
                </div>
                <div style="position:relative;top:60px;width:860px;">
                    <div style="width:100%;height:100%;">
                        <div style="margin:0 auto; width:469px;">
                            <div style="margin:0 auto; width:144px;">
                                <div class="Logo" style="text-align:center;">
                                    <img style="width:100%;height:100%;" src="../img/logo.png" />
                                </div>
                            </div>
                            <div style="height:384px">
                                <div class="Body-Zd"></div>
                                <div class="LoginPanle">
                                    <input class="Input UserName" placeholder="用户名" type="text" v-model="UserName" />
                                    <input class="Input PassWord" placeholder="密码" type="password" v-model="PassWord" />
                                    <div style="color:#ffffff;font-size:16px;">
                                        <input v-model="IfCheck" class="Checkbox" type="checkbox" />
                                        <span style="margin-bottom:20px;position:relative;bottom:3px;">记住密码</span>
                                    </div>
                                    <template v-if="BinGp==2">
                                        <div class="LoginBtn" style="line-height:64px;text-align:center;color: rgb(84,108,140)">
                                            {{BinMsg}}
                                        </div>
                                    </template>
                                    <template v-if="BinGp==1">
                                        <div class="LoginBtn" style="line-height:64px;text-align:center;color: rgb(84,108,140);position:relative;">
                                            <div style="width:25px;height:25px;position:absolute;left:120px;">
                                                <img src='/Content/images/loading1.gif' style="width:100%;height:100%; position:relative; top:5px;" />
                                            </div>
                                            <div style="position:absolute;left:160px;letter-spacing:6px;">正在验证...</div>
                                        </div>
                                    </template>
                                    <template v-if="BinGp==0">
                                        <button class="LoginBtn" @click="LOGIN_CLICK">登&nbsp;&nbsp;&nbsp;&nbsp;录</button>
                                    </template>
                                </div>
                            </div>
                            <div style="width:100%;margin-top:52px;text-align:center;margin-bottom:20px;">
                                <div style="font-size:50px;color:white;font-family:'Microsoft YaHei';font-weight:bold;letter-spacing:8px;padding-left:5px;">
                                    资金管理信息平台
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <script src="../../lib/vue/vue-2.5.17.min.js"></script>
    <script src="../../../Scripts/jquery.1.11.1.js"></script>
    <script src="../js/login.js"></script>
</body>
</html>